<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="../includes/js/jquery.js"></script>
<script type="text/javascript">
<!--导航栏收缩方法 -->

function closeleft(){
	var type = window.parent.document.getElementById("leftimgFrame").name;
	var bodyWidth=window.parent.$("#bodyContent").width();
	if("close" == type){
		window.parent.$("#leftFrame").width(0);
		window.parent.$("#leftimgFrame").width(11);
		window.parent.$("#mainFrame").width(bodyWidth-11);
		document.body.background = "";
		document.getElementById("leftimg").style.left = "-8px";
		window.parent.document.getElementById("leftimgFrame").name = "open";
	}else{
		window.parent.$("#leftFrame").width(200);
		window.parent.$("#leftimgFrame").width(11);
		window.parent.$("#mainFrame").width(bodyWidth-200-11);
		document.body.background = "./images/boder_left.jpg";
		document.getElementById("leftimg").style.left = "2px";
		window.parent.document.getElementById("leftimgFrame").name = "close";
	}
}

function onloadLeft(){
	var bodyWidth=window.parent.$("#bodyContent").width();
		window.parent.$("#leftFrame").width(200);
		window.parent.$("#leftimgFrame").width(11);
		window.parent.$("#mainFrame").width(bodyWidth-200-11);
		document.body.background = "./images/boder_left.jpg";
		document.getElementById("leftimg").style.left = "2px";
		window.parent.document.getElementById("leftimgFrame").name = "close";
}
</script>

</head>
<body background="./images/boder_left.jpg" style="background-repeat: repeat-y" onload="onloadLeft();">
	<img style="cursor:pointer; position:absolute; width:18px; height:49px; left: 2px; top: 200px;" id="leftimg" src="./images/frame_switch.gif" onclick="closeleft()"/>
</body>
</html>